<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="description" content="借贷宝项目过程中质量分析报告">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:site_name" content="JDB项目过程中质量报告" />
    <meta property="og:type" content="Tools">
    <meta property="og:author" content="chendonga@jiedaibao.com">
    <meta property="og:publisher" content="Wechat@Lomo" />
    <meta property="og:masterEmail" content="lomo@lomo.space" />

    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="bookmark" href="./favicon.ico" />
    <title>借贷宝质量分析平台</title>

    <!-- CDN CSS Libraries -->

    <!-- end CDN CSS Libraries -->

    <!-- Vendor CSS Libraries -->
    <link rel="stylesheet" href="./vendor/css/bootstrap.min.css">
    <link rel="stylesheet" href="./vendor/css/imports.css">
    <!-- end Vendor CSS Libraries -->

    <!-- build:css -->
    <link rel="stylesheet" href="assets/css/basic.css" media="screen">
    <link rel="stylesheet" href="assets/css/reportdetails.css">
    <!-- endbuild -->

    <script src="../bower_components/jquery/dist/jquery.min.js"></script>
    <!-- Angular lib -->
    <script src="../bower_components/angular/angular.js"></script>
    <!--<script src="../bower_components/highcharts-ng/dist/highcharts-ng.js"></script>-->

</head>

<body class="" ng-app="reportDetailsApp" ng-controller="reportDetailsCtrl">

    <div id="top"></div>

    <div class="navbar-wrapper">
        <header class="navbar navbar-default navbar-fixed-top" id="MainMenu">
            <!-- 浮动导航 -->
            <!-- Todo 暂时隐藏
            <div class="navbar-extra-top clearfix">
                <div class="navbar container-fluid">
                    <ul class="nav navbar-nav navbar-left">
                        <li class="menu-item"><a href="javascript:;" target="_self"><i class="fa fa-envelope"></i> Contact Us</a></li>
                        <li class="menu-item"><a href="javascript:;"><i class="fa fa-sign-in"></i> Sign in</a></li>
                    </ul>
                    <div class="navbar-top-right">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="http://client-qatools.jdb-dev.com/" alt="" title="Home"><i class="fa fa-home fa-fw"></i></a></li>
                        </ul>
                        <form class="navbar-form navbar-right navbar-search" role="search" action="search.html">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="输入关键字查看报告">
                            </div>
                            <button type="submit" class="btn btn-default"><span class="fa fa-search"></span></button>
                        </form>
                    </div>
                </div>
            </div>
            -->

            <div class="container-fluid" id="navbar-main-container">
                <ng-include src="'views/header_logo.html'"></ng-include>

                <!-- 自助导航栏 -->
                <!--Todo 暂时隐藏
                <nav class="navbar-collapse panel-collapse" id="navbar-main" style="position: inherit">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">自助编辑</a>
                            <ul class="dropdown-menu">
                                <li class="dropdown-submenu show-on-hover">
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">介绍</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="editor.html?part=introduction">Part One</a></li>

                                        <li><a href="javascript:;">说明</a></li>
                                        <li><a href="javascript:;">概述</a></li>
                                        <li><a href="javascript:;">本周Todo</a></li>
                                    </ul>
                                </li>
                                <li class="divider"></li>
                                <li class="dropdown-submenu show-on-hover">
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">一、研发过程质量</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="editor.html?part=process_sysBugDesc">1.1.1各系统Bug数据</a></li>
                                        <li><a href="editor.html?part=process_bugReasonDesc">1.1.3Bug引入原因类型统计</a></li>
                                        <li><a href="editor.html?part=process_bugRateTable">1.1.4业务线RD每日Bug达标率</a></li>
                                        <li><a href="editor.html?part=process_scaleOnlineDesc">1.2.1本月开发功能点</a></li>
                                        <li><a href="editor.html?part=process_riskDesc">1.3过程中风险-概述</a></li>
                                        <li><a href="editor.html?part=process_riskListTable">1.3过程中风险-风险列表+todo</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown-submenu show-on-hovered">
                                    <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">二、上线维度度量(本月)</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="editor.html?part=scale_storyDirectionDesc">2.1.1业务方向发布统计+todo</a></li>
                                        <li><a href="editor.html?part=scale_storyAbnormalOnlineDesc">2.2.1异常上线总览/分析</a></li>
                                        <li><a href="editor.html?part=scale_storyAbnormalDetailTable">2.2.2详细事故分析/列表</a></li>
                                        <li><a href="editor.html?part=scale_storyOnlineRollbackDesc">2.2.3上线回滚次数</a></li>
                                        <li><a href="editor.html?part=scale_storyOverdueDesc">2.2.4上线时间超过24点次数</a></li>
                                        <li><a href="editor.html?part=scale_storyUrgentOnline">2.2.5紧急上线+todo</a></li>
                                    </ul>
                                </li>


                            </ul>
                        </li>

                        <li class="dropdown show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">其它</a>
                            <ul class="dropdown-menu">
                                <li><a href="javascript:;">三、线上质量维度</a></li>
                                <li><a href="javascript:;">四、线下支撑质量维度</a></li>
                                <li><a href="javascript:;">五、本报告待优化内容</a></li>
                            </ul>
                        </li>
                        
                        <li><a href="./reportlist.html" target="_blank">历史报告</a></li>

                        <li><a href="./reportdetails.html" target="_blank">报告详细</a></li>
                    </ul>
                </nav>
                -->

            </div>

        </header>
    </div>

    <!--<div ng-include="'views/herosection.html'"></div>-->

    <!-- Sub Navigation -->
    <!-- 一期暂不开放
    <div class="sub-nav" ng-controller="subNavCtrl">
        <div class="navbar navbar-inverse affix-top" id="SubMenu" style="top: 74px;">
            <div class="container">
                <div class="navbar-header">
                    <a href="javascript:void(0)" class="navbar-brand scrollTop">
                        <i class="fa fa-fw fa-map-marker"></i>
                        <span class="jdb reportAddr">仰山公园</span> &nbsp;&nbsp;<i class="fa fa-user"></i> &nbsp;<span class="jdb reportAuthor">QA Team</span>
                    </a>
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-sub">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
                </div>

                <nav class="navbar-collapse collapse" id="navbar-sub">
                    <ul class="nav navbar-nav navbar-left">
                        <li>
                            <a href="#">
                                <b class="jdb nav-reportName">JDB项目过程中质量报告{{reportYear}}年</b>
                            </a>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        Todo 暂时隐藏
                        <li><a href="#"><i class="fa fa-fw fa-heart-o"></i></a></li>
                        <li class="dropdown show-on-hover">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-share-alt"></i></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="javascript:void(0);"><i class="fa fa-fw fa-wechat"></i> QQ</a></li>
                                <li><a href="javascript:void(0);"><i class="fa fa-fw fa-qq"></i> 微信</a></li>
                                <li><a href="javascript:void(0);"><i class="fa fa-fw fa-weibo"></i> 微博 </a></li>
                                <li><a href="javascript:void(0);"><i class="fa fa-fw fa-envelope"></i> Email</a></li>
                            </ul>
                        </li>
                        
                        生成PDF有问题,暂不开放.
                        <li><a href="javascript:void(0);" data-toggle="tooltip" title="点击下载报告."><i class="fa fa-fw fa-file-pdf-o"></i></a></li>
                        <li><a href="javascript:void(0);" data-toggle="tooltip" title="点击打印报告."><i class="fa fa-fw fa-print"></i></a></li>
                        
                        <li class="jdb date beginDate"><input type="date" name="beginDate" autofocus ng-model="beginDate" placeholder="yyyy-mm-dd"></li>
                        <li class="jdb date"><a>To</a></li>
                        <li class="jdb date endDate"><input type="date" name="endDate" ng-model="endDate" placeholder="yyyy-mm-dd"></li>
                        <li class="jdb confirm query_btn"><button class="btn-default" ng-click="getPeriodQuery()">确定</button></li>
                        <li class="jdb tooltips info"><a><span>tooltpis info</span></a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    -->



    <!-- Report Details -->
    <section class="main" id="pdfArea">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 ">
                    <div class="row">


                        <div class="col-md-12 col-sm-12 col-lg-12" ng-controller="mainCtrl">
                            <header class="page-header" ng-controller="headerCtrl">
                                <h1 class="jdb page-title">借贷宝质量分析报告-{{reportMonth}}月</h1>
                                <p class="jdb lead">项目过程中质量分析报告；项目（过程&结果）质量分析报告.</p>
                            </header>
                            <p class="entry-thumbnail">
                                <img src="assets/images/jdb_qa_process_intro.png" class="" alt="" title="借贷宝">
                            </p>

                            <div class="entry-content" ng-controller="richContentCtrl">

                                <!-- Part One 介绍: 说明、概述、重点todo-->
                                <div class="container jdb-introduction part-one">
                                    <p class="sr-only">Part One Here!!! 包括大标题、具体内容....</p>
                                    <div class="row jdb-introduction part-intro">
                                        <div class="container-fluid">
                                            <div class="jdb-introduction-part-one" ng-bind-html="introductionHTML" ng-show="richContentsVisible"></div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Part 研发过程质量 -->
                                <div class="container jdb-research-process">

                                    <h3 class="jdb-h3">一、研发过程质量</h3>

                                    <div class="row jdb-research-process-bug">
                                        <!-- 1.1 研发过程Bug分析 1.1title + 1.1.1描述-->
                                        <div class="container-fluid">
                                            <div class="row jdb-process-sysBugDesc" ng-bind-html="processSystemDescHTML" ng-show="richContentsVisible">
                                            </div>
                                        </div>

                                        <!-- 1.1.1 各系统bug统计柱状图 -->
                                        <div class="row">
                                            <div class="container-fluid">
                                                <div class="chartist-tooltip" id="process_MonthBugCount"></div>
                                                <!--<li class="divider"></li>-->
                                            </div>
                                        </div>

                                        <!-- 1.1.2 JIRA 截图暂不做 -->

                                        <p class="divider"></p>
                                        <!-- 1.1.3 Bug引入问题原因类型统计分析 -->
                                        <div class="row jdb-process-bugReason">
                                            <!-- 原因分析(文案)-->
                                            <div class="row jdb-process-bugReasonDesc" ng-bind-html="processBugReasonDescHTML" ng-show="richContentsVisible"></div>

                                            <!-- 1.1.3.1 前端client/H5 方向bug引入原因分析柱状图 + 饼图 -->
                                            <div class="row jdb-process-bugReasonCharts client">
                                                <div class="container-fluid">
                                                    <div class="col-md-6 jdb-process-bugReasonCharts type-column" id="process_BugTypeCount_client"></div>
                                                    <div class="col-md-6 jdb-process-bugReasonCharts type-pie" id="process_BugTypeCount_client_pie"></div>
                                                </div>

                                            </div>
                                            <p class="divider"></p>
                                            <!-- 1.1.3.2 server方向bug引入原因分析 -->
                                            <div class="row jdb-process-bugReasonCharts server">
                                                <div class="container-fluid">
                                                    <div class="col-md-6 jdb-process-bugReasonCharts type-column" id="process_BugTypeCount_server"></div>
                                                    <div class="col-md-6 jdb-process-bugReasonCharts type-pie" id="process_BugTypeCount_server_pie"></div>
                                                </div>

                                            </div>

                                        </div>

                                        <!-- 1.1.4 业务线RD每日Bug达标率 -->
                                        <div class="row process_bugRateTable">
                                            <div class="container-fluid">
                                                <div class="process_bugRateDesc Table" ng-bind-html="processBugRateTableHTML" ng-show="richContentsVisible"></div>
                                            </div>
                                        </div>

                                        <!-- 1.2 规模度量 -->
                                        <div class="row jdb-research-process-model">
                                            <!-- 1.2.1 功能点+技术优化上线数 -->
                                            <div class="process_scaleOnlineDesc" ng-bind-html="processScaleOnlineDescHTML" ng-show="richContentsVisible"></div>
                                            <!-- 各业务方消化需求数量 柱状图 -->
                                            <div class="container-fluid jdb-process-scaleOnline story-counts type-column" id="process_BusinessDemandCount"></div>
                                        </div>

                                        <!-- 1.3 研发过程中风险 -->
                                        <div class="row jdb-process_risk">
                                            <!-- 概述 -->
                                            <div class="process_riskDesc" ng-bind-html="processRiskDescHTML" ng-show="richContentsVisible"></div>
                                            <!-- 风险来源统计 表格 + 饼图 -->
                                            <div class="container-fluid">
                                                <div class="col-md-6 jdb-process-risk riskcounts type-table" ng-bind-html="processRiskCountTable"></div>
                                                <div class="col-md-6 container-fluid jdb-process-risk riskcounts type-pie" id="process_RiskCount_pie"></div>
                                            </div>

                                            <!-- 风险来源统计 详细列表 +TODO -->
                                            <div class="container-fluid">
                                                <!-- 1.3 详细的风险列表 Todo 待server数据落地JIRA完善后自动绘制表格 -->
                                                <div class="process_riskListTable type-table" ng-bind-html="process_RiskDetailListTable"></div>
                                                <!-- 富文本部分 -->
                                                <div class="process_riskListTableTodoDesc" ng-bind-html="processRiskListTableHTML" ng-show="richContentsVisible"></div>

                                            </div>

                                        </div>



                                    </div>

                                </div>

                                <!-- 二、上线维度度量-->
                                <div class="container jdb-scale-measure">
                                    <h3 class="jdb-h3">二、上线维度度量</h3>

                                    <!-- 2.1 , 2.1.1 -->
                                    <div class="row jdb-scale-storyDirection">
                                        <!-- 文案部分 -->
                                        <div class="scale-storyDirectionDesc" ng-bind-html="storyDirectionDescHTML" ng-show="richContentsVisible"></div>

                                        <div class="container-fluid scale-storyDirectionCharts type-column" id="story_BusinessOnlineCount"></div>
                                    </div>

                                    <!-- 2.2 -->
                                    <div class="row jdb-online-accident">
                                        <p class="m-t-0"></p>

                                        <!-- 0711 新增 -->
                                        <h3> -- 2.2 相关线上事故趋势统计： 历史月份（3-6月事故趋势统计）线上事故环比分析 -- </h3>
                                        <h4> -- 2.2.1 趋势统计：3-6月事故趋势统计 文案分析 + 图表 </h4>
                                        <!-- 2.2 支付历史月份线上事故环比分析 -->
                                        <div class="container-fluid">
                                            <!-- 2.2 支付历史月份线上事故环比分析文案（富文本）-->
                                            <div class="row jdb-scale-history-accident-analysis" ng-bind-html="storyHistoryAccidentAnalysisHTML" ng-show="richContentsVisible"></div>
                                            <!-- 2.2 支付历史月份线上事故环比分析 表格 -->
                                            <div class="row jdb-scale-history-accident-list-table" ng-bind-html="storyHistoryAccidentTrendListHTMLTable"></div>
                                            <!-- 2.2 支付历史月份线上事故环比分析 折线图 Todo -->
                                            <div class="row jdb-scale-history-accident-trendlist line-charts" id="story_History_Accident_TrendList_LineCharts"></div>
                                        </div>

                                        <h4> -- 2.2.2 趋势统计：3-6月 支付 bug趋势统计 文案分析 + 图表 </h4>
                                        <div class="container-fluid">
                                            <div class="row jdb-scale-trade-bug-trend-list" ng-bind-html="tradeHistoryBugTrendListAnalysisHTML"></div>
                                            <div class="row jdb-scale-trade-bug-trend-list-table ?" ng-bind-html=""></div>
                                        </div>

                                        <h4> -- 2.2.3 趋势统计：3-6月 支付 bug上线趋势统计 文案分析 + 图表 </h4>
                                        <div class="container-fluid">
                                            <div class="row jdb-scale-trade-bug-online-trend-list" ng-bind-html="tradeHistoryBugTrendListAnalysisHTML"></div>
                                            <div class="row jdb-scale-trade-bug-online-trend-list-table ?" ng-bind-html=""></div>
                                        </div>
                                        <!-- 0711 新增 -->

                                        <p class="m-t-0"></p>
                                        <!-- 2.3 title部分 + 2.3.1 事故分析总览 2.3.2事故分析 + 事故业务方、问题归类数量统计 -->
                                        <div class="container-fluid jdb-scale-storyAbnormalOnlineDesc" ng-bind-html="storyAbnormalOnlineDescHTML" ng-show="richContentsVisible"></div>
                                        <!-- 事故涉及业务方向统计表+饼图 -->
                                        <div class="container-fluid">
                                            <div class="col-md-6 jdb-scale-storyAbnormalOnline bussiness-direction type-table" ng-bind-html="story_AccidentOnlineCount_directionTable"></div>
                                            <div class="col-md-6 jdb-scale-storyAbnormalOnline bussiness-direction type-pie" id="story_AccidentOnlineCount_direction_pie"></div>
                                        </div>
                                        <p class="divider"></p>
                                        <!-- 事故问题分类 统计表格+饼图 -->
                                        <div class="container-fluid">
                                            <div class="col-md-6 jdb-scale-storyAbnormalOnline bussiness-type type-table" ng-bind-html="story_AccidentOnlineCount_typelistTable"></div>
                                            <div class="col-md-6 jdb-scale-storyAbnormalOnline bussiness-type type-pie" id="story_AccidentOnlineCount_typelist_pie"></div>
                                        </div>

                                        <!-- 2.2.2 事故分析相关明细列表 + todo -->
                                        <div class="container-fluid">
                                            <!-- 线上事故明细列表文案部分 -->
                                            <div class="row jdb-scale-storyAbnormalOnlineTable" ng-bind-html="storyAbnormalDetailTableHTML" ng-show="richContentsVisible"></div>
                                            <!-- 事故明细列表 -->
                                            <div class="row jdb-scale-storyOnlineDetailList" ng-bind-html="story_AccidentOnlineDetailList"></div>
                                        </div>

                                    </div>

                                    <!-- 2.2.3 上线回归次数 -->
                                    <div class="row jdb-scale-storyOnlineRollback">
                                        <!-- 综述 -->
                                        <div class="row jdb-scale-storyOnlineRollbackDesc" ng-bind-html="storyOnlineRollbackDescHTML" ng-show="richContentsVisible"></div>
                                        <!--上线回滚次数统计柱状图-->
                                        <div class="scale_storyOnlineRollbackCharts type-column"></div>

                                    </div>

                                    <!-- 2.2.4 -->
                                    <div class="row jdb-scale-storyOverdue" style="display:none;">
                                        <!-- 上线时间超过24点发布次数 综述-->
                                        <div class="scale_storyOverdueDesc" ng-bind-html="storyOverdueDescHTML" ng-show="richContentsVisible"></div>
                                        <div class="scale_storyOverdueCharts type-column"></div>
                                    </div>

                                    <!-- 2.2.5 紧急上线 -->
                                    <div class="row jdb-scale-storyUrgentOnline" style="display:none;">
                                        <!-- 2.2.5 紧急上线+todo -->
                                        <div class="scale_storyUrgentOnlineDesc" ng-bind-html="storyUrgentOnlineDescHTML" ng-show="richContentsVisible"></div>
                                        <!-- 2.2.5 紧急上线 柱状图 -->
                                        <div class="scale_storyUrgentOnlineCharts type-column"></div>
                                    </div>

                                </div>


                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <!-- Footer -->
    <ng-include src="'views/footer.html'"></ng-include>

    <!-- CDN JS Libraries -->
    <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>-->
    <!-- end CDN JS Libraries -->

    <!-- Vendor JS Libraries -->
    <script src="./vendor/js/bootstrap.min.js"></script>
    <script src="./vendor/js/owl.carousel.min.js"></script>

    <script src="./vendor/js/highcharts/highcharts.js"></script>
    <script src="./vendor/js/highcharts/highcharts-3d.js"></script>
    <script src="./vendor/js/highcharts/theme/dark-unica.js"></script>
    <script src="./vendor/js/layer/layer.js"></script>


    <script src="../bower_components/html2canvas/build/html2canvas.js"></script>
    <script src="//cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script>
    <!--<script src="//cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>-->
    <!-- end Vendor JS Libraries -->


    <!-- build:js -->
    <script src="assets/js/basic.js"></script>
    <script src="assets/js/service/utils.js"></script>
    <script src="assets/js/service/reportdetail.js"></script>
    <script src="assets/js/controller/reportdetails.js"></script>
    <!-- endbuild -->


</body>

</html>